<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="/stylesheets/main.css" />
		<link rel="stylesheet" href="/stylesheets/root.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>加载页2</title>
		<style type="text/css">
			
			.box01{
				width: 93vw;
				height: 30vh;
				margin-top: 2vh;
				box-sizing: border-box; 
			/* 	border: black solid 2vw; */
				
			}
			.shool{
				width: 30%;
				height: 25vh;
				left: 38vw;
				top: 5vh;
				position: absolute;
				background-image:url("../images/q/LoadPage2/shool.png"); 
				background-size: cover;/* 使图片填充整个div并保持纵横比*/
				background-position: center; /* 保证图片居中 */
				background-repeat: no-repeat;/* 不重复显示图片 */
				/* border: black solid 2vw; */
				
			}
			
			.cat2{
				width: 70%;
				height: 30vh;
				left: 17vw;
				position: absolute;
				background-image:url("../images/q/LoadPage2/cat2.png");
				background-size: cover;
				background-position: center; 
				background-repeat: no-repeat;
			}
			.flower{
				width: 17vh;
				height: 17vh;
				left: 29vw;
				position: relative;
				background-image:url("../images/q/LoadPage2/flower.png");
				background-size: cover;
				background-position: center; 
				background-repeat: no-repeat;
			/* 	border: black solid 2vw; */
			}
			input{
				width: 30vh;
				height: 5vh;
				font-size: 2vh;
				background-color:black;
				color: #fff;
				margin-top: 9vh;
				margin-left: -6vh;
				border-radius: 2vw;
				border: black solid 2vw;
				
			}
			
		</style>
	</head>
	<body>
		<div class="box01">
		  <div class="shool"></div>
		</div>
		<div class = "box01">
		 <div class="cat2"></div>
		</div>
		<div class = "box01">
		 <div class="flower">
			  <input type="button" value="开启校园之旅">
		 </div>
		</div>
		
	</body>
</html>